
/*头部样式*/
.header-wrapper{
    width:100%;
    height:1.57rem;
    background: rgba(27,27,31,.7);
}
.header-top{
    width:100%;
    height:auto;
    /*margin-top: 0.14rem;*/
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    align-items: center;
    padding:0.05rem 0.19rem;
    box-sizing: border-box;
}
header-wrapper .user{
    width:0.68rem;
    height:0.62rem;
    display: flex;
}
.header-wrapper .user img{
    width:0.68rem;
    height:0.62rem;
    border-radius: 50%;
    display: block;
}
.header-wrapper .label{
    padding:0 0.19rem;
    box-sizing: border-box;
    display: -webkit-flex;
}
.header-wrapper .label .data{
    margin-left: 0.16rem;
}
.header-wrapper .label p{
    display: -webkit-flex;
}
.header-wrapper .username{
    font-size:16px;
    margin-bottom: 0.1rem;
    color: #fff;
}
.header-wrapper .username .inconfonts{
    color:#ccc;
    font-weight:100;
}
.header-wrapper .label p a{
    display: -webkit-flex;
    font-size:12px;
    color: #fff;
}
.header-wrapper .label p span{
    display: -webkit-flex;
    align-items: center;
    font-size:12px;
    color: #fff;
    margin: 0  0.06rem;
}
.header-wrapper .label p span:nth-child(2){
    margin-right:0px;
}
.header-wrapper .label .sex .sexs{
    margin-left: 0;
    margin-right: 0.03rem;
}
.header-wrapper .label .edit{
    text-align: center;
    font-size:12px;
    margin:0.14rem 0;
}
.header-wrapper .label .edit span{
    display: block;
    padding:0.08rem 0.16rem;
    background: #f23030;
    border-radius: 4px;
}
.header-wrapper .label .edit span a{
    color:#fff;
    text-decoration: underline;
}
.header-top .back{
    display: -webkit-flex;
    text-decoration: none;
    font-size:12px;
    color: #fff;
}
.header-top .go{
  color: #fff;
}
.header-footer{
    width:100%;
    height:0.54rem;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-around;
}
.header-footer a{
    font-size:12px;
    text-align: center;
    color: #fff;
}
.header-footer span{
    display: block;
    color: #767677;
}
/*头部样式结束*/
/*内容区域*/
.content-wrapper{
    width:100%;
    -webkit-flex: 1;
    overflow-y: scroll;
    overflow-x: hidden;
}
.content-wrapper .content-head{
    width: 100%;
    height: 0.6rem;
    background: #f7f7f7;
    margin-bottom:0.1rem;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-around;
}
.content-wrapper .content-head a{
    font-size:12px;
    text-align: center;
    color: #474747;
}
.content-wrapper .content-head a:hover span{
    color:#f23030;
}
.content-wrapper .content-head i{
    display: block;
    color: #585858;
}
.content-wrapper .content{
   width: 100%;
    height: 375px;
    position: relative;
}
.content-wrapper .content .alert{
    position: absolute;
    font-size:12px;
    left:0;
    right:0;
    top:110px;
    bottom:0;
    margin:0 auto;
    text-align: center;
}
.content-wrapper .content .alert h4{
    font-weight:100;
    color: #ccc;
}
.content-wrapper .content .alert a{
    display: block;
    width: 1.13rem;
    height:0.33rem;
   line-height: 0.33rem;
    border-radius: 7px;
    margin:0.23rem auto;
    color:#000;
    border: 1px solid #ccc;
}

